<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no" />
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />

		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="iconfont/demo.css" />
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
		<script src="iconfont/iconfont.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/one.css" />

	</head>
	<style type="text/css">
		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #CACACA;
			font-size: 1.75rem;
		}
		
		:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #CACACA;
			font-size: 1.75rem;
		}
		
		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #CACACA;
			font-size: 1.75rem;
		}
		
		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #CACACA;
			font-size: 1.75rem;
		}
	</style>

	<script type="text/javascript">
		document.documentElement.style.fontSize = innerWidth / 46.875 + "px"
		onresize = function() {
			document.documentElement.style.fontSize = innerWidth / 46.875 + "px"
		}
	</script>

	<body>
		<header>
			<img class="img" src="img/logo.png" />
			<div class="logo">
				<div class="one">
					<p class="iconfont icon-user"></p>
					<p>我的</p>
				</div>
				<div class="two">
					<p class="iconfont icon-nav"></p>
					<p>导航</p>
				</div>
			</div>
		</header>
		<section>
			<div class="banner">
				<img src="img/banner.jpg" />
			</div>
			<div class="btnGroup">
				<ul>
					<li>
						<p class="iconfont icon-case"></p>
						<p>装修方案</p>
					</li>
					<li>
						<p class="iconfont icon-pics"></p>
						<p>效果图</p>
					</li>
					<li>
						<p class="iconfont icon-designer"></p>
						<p>设计师</p>
					</li>
					<li>
						<p class="iconfont icon-construction-site"></p>
						<p>装修工地</p>
					</li>
				</ul>
				<ul>
					<li>
						<p class="iconfont icon-decorate"></p>
						<p>装修攻略</p>
					</li>
					<li>
						<p class="iconfont icon-loans"></p>
						<p>装修贷款</p>
					</li>
					<li>
						<p class="iconfont icon-pencle"></p>
						<p>免费预约</p>
					</li>
					<li>
						<p class="iconfont icon-ten"></p>
						<p>10秒报价</p>
					</li>
				</ul>
			</div>
			<div class="qwzx">
				<div class="top">
					<p class="green"></p>
					<p>全屋装修</p>
					<p>包设计、包主材、包水电、包施工</p>
				</div>
				<img class="banner" src="img/img1.jpg" />
				<p class="yuandi">
					<span></span>
					<span></span>
				</p>
				<ul>
					<li>
						<p class="iconfont icon-zero"></p>
						<p>0增项，标准施工</p>
					</li>
					<li>
						<p class="iconfont icon-protection-fill"></p>
						<p>杜绝项目外包</p>
					</li>
					<li>
						<p class="iconfont icon-price"></p>
						<p>装修贷款</p>
					</li>
				</ul>
			</div>
			<div class="zxyy">
				<div class="top">
					<p class="green"></p>
					<p>装修预约</p>
					<p>免费上门量房，设计方案满意为止</p>
				</div>
				<div class="int">
					<input type="text" placeholder="小区名" />
					<br />
					<input type="text" placeholder="手机号" />
					<br />
					<input type="text" placeholder="建筑面积" />
					<br />
					<button>立即申请</button>
				</div>
			</div>
			<div class="userself">
				<div class="top">
					<p class="green"></p>
					<p>设计者</p>
				</div>
				<ul>
					<li><img src="img/case.jpg" />
						<p>吴飞科</p>
						<p>优秀</p>
					</li>
					<li><img src="img/case.jpg" />
						<p>路炎龙</p>
						<p>主任</p>
					</li>
					<li><img src="img/case.jpg" />
						<p>张海建</p>
						<p>总监</p>
					</li>
					<li><img src="img/case.jpg" />
						<p>陈冲</p>
						<p>优秀</p>
					</li>
				</ul>
				<ol>
					<li><span>换一换</span><span class="iconfont icon-change"></span></li>
					<li><span>更多设计师</span><span class="iconfont icon-more"></span></li>
				</ol>
			</div>
			<div class="finish-img">
				<div class="top">
					<p class="green"></p>
					<p>效果图</p>
				</div>
				<div class="img">
					<div class="img1">
						<img src="img/case1.jpg" />
						<p>客厅</p>
					</div>
					<ul>
						<li><img src="img/spec_03.gif" /></li>
						<li><img src="img/spec_05.gif" /></li>
					</ul>
					<ul>
						<li><img src="img/spec_03.gif" /></li>
						<li><img src="img/spec_05.gif" /></li>
					</ul>
				</div>
				<ol>
					<li><span>换一换</span><span class="iconfont icon-change"></span></li>
					<li><span>更多效果图</span><span class="iconfont icon-more"></span></li>
				</ol>
			</div>
			<div class="gdzb">
				<div class="top">
					<p class="green"></p>
					<p>工地直播</p>
				</div>
				<div class="img">
					<img src="img/spec_07_09.gif" />
				</div>
				<div>
					重汽嘉泽苑七棟
					<span>泥木工程</span>
				</div>
				<ol>
					<li><span>换一换</span><span class="iconfont icon-change"></span></li>
					<li><span>更多工地直播</span><span class="iconfont icon-more"></span></li>
				</ol>
			</div>
			<div class="zxgl">
				<div class="top">
					<p class="green"></p>
					<p>装修攻略</p>
				</div>
				<ul>
					<li>
						<img src="img/spec_07_12.gif" />
						<div class="txt">
							<p>房子交付要验房，验房师是干什么的？</p>
							<span class="iconfont icon-time"> 2016-07-07</span>
							<span class="iconfont icon-view"> 115</span>
						</div>
					</li>
					<hr />
					<li>
						<img src="img/spec_07_12.gif" />
						<div class="txt">
							<p>房子交付要验房，验房师是干什么的？</p>
							<span class="iconfont icon-time"> 2016-07-07</span>
							<span class="iconfont icon-view"> 115</span>
						</div>
					</li>
					<hr />
					<li>
						<img src="img/spec_07_12.gif" />
						<div class="txt">
							<p>房子交付要验房，验房师是干什么的？</p>
							<span class="iconfont icon-time"> 2016-07-07</span>
							<span class="iconfont icon-view"> 115</span>
						</div>
					</li>
				</ul>
				<ol>
					<li><span>换一换</span><span class="iconfont icon-change"></span></li>
					<li><span>更多装修攻略</span><span class="iconfont icon-more"></span></li>
				</ol>
			</div>
			<div class="content">
				<p>
					房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，利用 互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
				</p>
			</div>
			<!---->
			<div class="mb">
				<img src="img/icon_close.png" class="img1" />
				<img src="img/quoten_bottom.png" class="img2" />
				<button>免费获取金币</button>
			</div>
		</section>
		<!---->
		<footer>
			<div>
				<span class="iconfont icon-hot-line"></span>
				<span> &nbsp;服务热线：400-9977-658</span>
			</div>
			<ul>
				<li>触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
		</footer>
	</body>
	<script type="text/javascript">
		$(".img1").click(function() {
			$(".mb").css("display", "none")
		})
	</script>

</html>